<!--列表-->

<div ms-controller="list">
    <div class="row">
        <br/><br/>
        <div class="col-sm-8">

            <!--标签导航-->
            <ul class="nav nav-tabs nav-justified">
                <li role="presentation" ms-class="active: active == 1" ms-click-1="addActive(1)"><a href="#!/list/1">未受理</a></li>
                <li role="presentation" ms-class="active: active == 2" ms-click="addActive(2)"><a href="#!/list/2">受理中</a></li>
                <li role="presentation" ms-class="active: active == 3" ms-click="addActive(3)"><a href="#!/list/3">诊断中</a></li>
                <li role="presentation" ms-class="active: active == 4" ms-click="addActive(4)"><a href="#!/list/4">维修中</a></li>
                <li role="presentation" ms-class="active: active == 5" ms-click="addActive(5)"><a href="#!/list/5">测试中</a></li>
                <li role="presentation" ms-class="active: active == 6" ms-click="addActive(6)"><a href="#!/list/6">待交付</a></li>
                <li role="presentation" ms-class="active: active == 7" ms-click="addActive(7)"><a href="#!/list/7">已完成</a></li>
                <li role="presentation" ms-class="active: active == 8" ms-click="addActive(8)"><a href="#!/list/8">已取消</a></li>
            </ul>

            <br/><br/>

            <!--查找表单-->
            <div>
                <label class="list-search-label">查找表单</label>
                <input type="text" class="list-search-input" placeholder="请输入关键词" ms-duplex="keyword1"/>
                <button class="list-search-btn" ms-click="formSearch">搜索</button>
            </div>

            <br/>

            <div>
                <div class="panel panel-default" ms-repeat="orderList">
                    <div class="panel-body">
                        <div>
                            <label>{{el.Model}}</label>
                            &nbsp;&nbsp;
                            <span>{{el.Phone}}</span>
                            &nbsp;&nbsp;
                            <span>{{el.Contact}}</span>
                            <span class="pull-right list-num">工单编号：{{el.OrderID}}</span>
                        </div>
                        <!--<div>-->
                            <!--<label>设备型号：</label>-->
                            <!--<span>y系列</span>-->
                        <!--</div>-->
                        <div>
                            <label>设备颜色：</label>
                            <span>{{el.Color}}</span>
                        </div>
                        <div>
                            <label>创建时间：</label>
                            <span>{{el.Time}}</span>
                        </div>
                        <div>
                            <label>故障表现：</label>
                            <span>{{el.Phenomenon}}</span>
                        </div>


                        <!--受理中列表-->
                        <div ms-if="active == 2">
                            <label>受理时间：</label>
                            <span>{{el.T2.date}}</span>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <label>受理人：</label>
                            <span>{{el.T2.UN}}</span>
                        </div>

                        <!--诊断中列表-->
                        <div ms-if="active == 3">
                            <label>诊断开始时间：</label>
                            <span>{{el.T3.date}}</span>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <label>诊断人：</label>
                            <span>{{el.T3.UN}}</span>
                        </div>

                        <!--维修中列表-->
                        <div ms-if="active == 4">
                            <label>维修开始时间：</label>
                            <span>{{el.T4.date}}</span>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <label>维修人：</label>
                            <span>{{el.T4.UN}}</span>
                        </div>

                        <!--测试中列表-->
                        <div ms-if="active == 5">
                            <label>测试开始时间：</label>
                            <span>{{el.T5.date}}</span>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <label>测试人：</label>
                            <span>{{el.T5.UN}}</span>
                        </div>

                        <!--等待交付列表-->
                        <div ms-if="active == 6">
                            <label>测试完成时间：</label>
                            <span>{{el.T6.date}}</span>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <label>交互人员：</label>
                            <span>{{el.T6.UN}}</span>
                        </div>

                        <!--已完成列表-->
                        <div ms-if="active == 7">
                            <label>完成时间：</label>
                            <span>{{el.T7.date}}</span>
                        </div>

                        <!--已取消列表-->
                        <div ms-if="active == 8">
                            <label>取消理由：</label>
                            <span>{{el.T8.Content}}</span>
                        </div>
                        <button class="btn btn-primary pull-right list-info-btn" data-toggle="modal" data-target="#myModal" ms-click="getOrder(el.OrderID,$index)">详情</button>
                    </div>
                </div>
            </div>
            <button class="btn btn-default btn-block" ms-if="showMoreStatus==1" ms-click="showMore">加载更多</button>

        </div>

        <div class="col-sm-4">
            <br/><br/><br/><br/>
            <!--查找经验-->
            <div style="margin-top: 3px">
                <label class="list-search-label">查找经验</label>
                <input type="text" class="list-search-input list-keyword" placeholder="请输入关键词" ms-duplex="keyword2"/>
                <button class="list-search-btn" ms-click="experienceSearch">搜索</button>
            </div>

            <br/>

            <div class="panel panel-default" ms-repeat="experienceList">
                <div class="panel-body">
                    <div>
                        <label>{{el.Model}}</label>
                    </div>
                    <div>
                        <label>设备型号：</label>
                        <span>y系列</span>
                    </div>
                    <div>
                        <label>创建时间：</label>
                        <span>{{el.Time}}</span>
                    </div>
                    <div>
                        <label>故障表现：</label>
                        <span>{{el.Phenomenon}}</span>
                    </div>
                </div>

                <!--<button class="btn btn-primary pull-right list-info-btn" data-toggle="modal" data-target="#myModal" ms-click="getOrder(el.OrderID)">详情</button>-->

            </div>

            <!--<button class="btn btn-default pull-right">加载更多</button>-->

        </div>
    </div>
    <br/>

    <!--模态框-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div ms-include-src='"./body/public/modal.html" + MUrl' ></div>
    </div><!-- /.modal -->
</div>


